import React, { Component } from 'react'
import { Link } from "react-router-dom";
import '@/css/Home.css';



class Post extends Component {
  constructor(props) {
    super(props)

    this.state = {

    }
  }

  render() {
    let { } = this.state
    return (
      <>
        <div className="post-wrap">
          <div className="yt yt-pj yt-ac post-mgb">
            <div className="yt yt-ac">
              <img src="https://img.zcool.cn/community/01102d5bf2b029a801209252817d58.jpg@80w_80h_1c_1e_1o_100sh.jpg" alt="" className="post-head" />
              <div>
                <div className="post-username">nickname</div>
                <div className="post-user-introduce">introduce</div>
              </div>
            </div>
            {/* <div>阅读原文</div> */}
          </div>

          <div className="post-ctx post-mgb">
            Lorem ipsum dolor sit Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷amet consectetur adipisicing elit. Porro non ullam repellendus velit officia minima, odio ipsum beatae, error dolores natus veritatis quas animi perferendis! Ipsam possimus ab quidem sapiente.
                    {this.props.match.match.params.postId}
          </div>
          <div className="yt yt-bm case-tags">
          <span><i >#</i>&nbsp;国资</span><span><i >#</i>&nbsp;阿萨德</span>
          </div>
      

          {/* <div className="yt yt-ac post-share">
            <span>分享到：</span>
            <i className="alifont font20 share-icon share-wx">&#xe6db;</i>
            <i className="alifont font20 share-icon share-friend">&#xe878;</i>
            <i className="alifont font20 share-icon share-qq">&#xe6a5;</i>
            <i className="alifont font20 share-icon share-wb">&#xe64c;</i>
          </div> */}
        </div>


        <div className="post-meta-wrap">
          <div className="yt yt-pj post-meta-head">
            <div className="post-discus-num"><i className="alifont font14">&#xe610;</i>&nbsp;参考资料</div>
            <div className="post-like-num"></div>
          </div>
          <div className="post-meta-detail">
            <a onTouchStart={() => { }} className="referlink" href="https://www.cnblogs.com/gopark/p/8875655.html"><i className="alifont font12">&#xe613;</i>&nbsp;https://www.cnblogs.com/gopark/p/8875655.html</a>
         <a className="referlink" href="https://www.zcool.com.cn/discover/17!0!0!0!0!!!!2!-1!1"><i className="alifont font12">&#xe613;</i>&nbsp;https://www.zcool.com.cn/discover/17!0!0!0!0!!!!2!-1!1</a>
         
          </div>
        </div>

        <div className="post-meta-wrap">
          <div className="yt yt-pj post-meta-head">
            <div className="post-discus-num"><i className="alifont font14">&#xe638;</i>&nbsp;评论(12)</div>
            <div className="post-like-num">赞(0)</div>

          </div>
          <div className="post-meta-detail">
            <div className="post-null-discus">快来发表你的评论吧~</div>
          </div>
        </div>
      </>
    )
  }
}
export default Post